*{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}
/*头部*/
#header{
    height: 1.33rem /* 50/37.5 */;
    width: 10rem /* 375/37.5 */;
    background: #ff841d;
    padding: .13rem /* 5/37.5 */;
    text-align: center;
    display: flex;
    justify-content: space-between;
   .back{
    margin-top: .13rem /* 5/37.5 */;
    text-align: center;
    font-size: .53rem /* 20/37.5 */;
    color: #fff;
   }
   h3{
       font-size: .53rem /* 20/37.5 */;
       font-weight: bolder;
       text-align: center;
       color: #fff;
       margin: .27rem /* 10/37.5 */ 0;
   }
   .app{
       padding: .19rem /* 7/37.5 */;
       img{
           height: .91rem /* 34/37.5 */;
           vertical-align: middle;
       }
   }
}
/*商品部分*/
#mainShop{
    ul li{
        padding: .27rem /* 10/37.5 */ .21rem /* 8/37.5 */;
        a{
            display: flex;
            justify-content: space-between;
            .mainLeft{
                padding-right: .27rem /* 10/37.5 */;
                img{
                    width: 2.67rem /* 100/37.5 */;
                    height: 2.67rem /* 100/37.5 */;
                }
            }
            .mainRight{
                flex-grow: 1;
                .mainRightTop{
                    margin-top: .27rem /* 10/37.5 */;
                    margin-bottom: .27rem /* 10/37.5 */;
                    p{
                        color: #333;
                        font: .35rem /* 13/37.5 *//.51rem /* 19/37.5 */ "";
                        text-align: left;
                        span{
                            color: #ff6c00;
                        }
                    }
                }
                .mainRightBottom{
                    margin-top: .27rem /* 10/37.5 */;
                    display: flex;
                    justify-content: space-between;
                    p{
                        font: .37rem /* 14/37.5 *//.8rem /* 30/37.5 */ "";
                        color:gray;  
                    }
                    span{
                        padding-left: .67rem /* 25/37.5 */;
                        // margin-right: .4rem /* 15/37.5 */;
                        font: .35rem /* 13/37.5 *//.8rem /* 30/37.5 */ "";
                        color:gray;
                        background: url(./../assets/images/main-r-b.png) no-repeat 0 .11rem /* 4/37.5 */;
                        background-size: .67rem /* 25/37.5 */; 
                    }    
                }
            }
            
        }
    }
}
/*翻页部分*/
#pageChange{
    text-align: center;
    line-height: 1.07rem /* 40/37.5 */;
    padding:  0 .53rem /* 20/37.5 */;
    padding-bottom: .27rem /* 10/37.5 */;
    .pagePrev{
        outline: none;
        border-radius: .13rem /* 5/37.5 */;
        text-align: center;
        display: block;
        width: 2.13rem /* 80/37.5 */;
        height: 1.07rem /* 40/37.5 */;
        line-height: 1.07rem /* 40/37.5 */;
        background-image: linear-gradient(to bottom, #fff, #f4f4f4);
        border: .03rem /* 1/37.5 */ solid #ccc;
        cursor: default;
        float: left;
    }
    .page{
        height: 1.07rem /* 40/37.5 */;
        width: 2.4rem /* 90/37.5 */;
        border: .03rem /* 1/37.5 */  solid #ccc;


    }
    .pageNext{
        outline: none;
        border-radius: .13rem /* 5/37.5 */;
        text-align: center;
        display: block;
        width: 2.13rem /* 80/37.5 */;
        height: 1.07rem /* 40/37.5 */;
        line-height: 1.07rem /* 40/37.5 */;
        background-image: linear-gradient(to bottom, #fff, #f4f4f4);
        border: .03rem /* 1/37.5 */ solid #ccc;
        cursor: default;
        float: right;
    }
}
/*更多优惠信息*/
#moreMessage{
    background:#F4F4F4;
    height: 1.33rem /* 50/37.5 */;
    padding: .27rem /* 10/37.5 */;
    a{
        display: block;
        font: .35rem /* 13/37.5 *//.8rem /* 30/37.5 */ "";
        text-align: center;
        border-radius: .13rem /* 5/37.5 */;
        border: 1px solid #ddd;
        background: #F9F9F9;
        color: grey;
        margin:.27rem /* 10/37.5 */ 0;
    }
}


/*底部*/
#footer{
    .footerTop{
    background-color:#ff9000;
    height: .93rem /* 35/37.5 */;
    padding-left: .27rem /* 10/37.5 */;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .27rem /* 10/37.5 */;
    span{
        text-align: center;
        font-size: .53rem /* 20/37.5 */;
        line-height:.93rem /* 35/37.5 */;
        color: #fff;
        font-weight: bolder;
    }
    a img{
        height: .53rem /* 20/37.5 */;
        padding : {
            right: .27rem /* 10/37.5 */;
        }
}   
    }
    
    .footerBottom{
    .footerBottomT{
        display: flex;
        justify-content: space-between;
        a{
            border: 1px solid grey;
            text-align: center;
            height: .88rem /* 33/37.5 */;
            font: .37rem /* 14/37.5 *// .8rem /* 30/37.5 */ "";
            color: grey;
            padding: .13rem /* 5/37.5 */;
        }
        >a:nth-of-type(1){
            flex-grow: 1;
            border-right: none;
        }
        >a:nth-of-type(2){
            flex-grow: 1;
        }
        >a:nth-of-type(3){
            flex-grow: 1;
            border-left: none;
        }
    }
    .footerBottomB{
        height: 2.67rem /* 100/37.5 */;
        .footerBottomB-1{
            display: flex;
            font: .37rem /* 14/37.5 *// .8rem /* 30/37.5 */ "";
            color: grey;
            padding: .27rem /* 10/37.5 */ 1.33rem /* 50/37.5 */;
            a{
                color: grey;  
                margin-right: .13rem /* 5/37.5 */;
            }
        }
        .footerBottomB-2{
            text-align: center;
            font: .37rem /* 14/37.5 *// .37rem /* 14/37.5 */ "";
            color: black;
        }
    }   
}
}






